@(id: String,kind:String)
	@mainWithSearch("Expression Profile") {
		<style>
				.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner {
					padding: 8px;
					line-height: 24px;
					vertical-align: top;
					overflow: hidden;
					text-overflow: ellipsis;
					font-size: 12px;
					white-space: normal;
				}

				.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
					padding: 8px;
					line-height: 1.42857143;
					vertical-align: top;
					border-top: 1px solid #ddd;
					font-size: 12px;
				}

				#table a {
					font-size: 12px;
				}

				.bootstrap-table .fixed-table-container .table thead th{
					vertical-align: middle;
					text-align: center;
				}

		</style>
		<div class="panel panel-default" id="mRna">
			<div class="panel-heading">
				<h3 class="panel-title"><i class="fa fa-flag"></i> Search result: <span id="showName"></span></h3>
			</div>
			<div class="panel-body">
				<ul class="list-unstyled">

					<li><label class="label label-define label-primary"><span id="tag"></span>:</label>
						@for(gene <- id.split(",").map(_.trim)) {
							<a class="gene_tag disabled btn btn-default btn-xs" style="margin-bottom: 5px">@gene</a>
						}
					</li>
				</ul>

				<hr>

				<div class="" role="alert">
					<div class="myCharts" align="center">

						<div style="float: right">

							<a href="@routes.SearchController.downloadPlotData()?kind=@kind" style="" class="btn  btn-default" title="Export data" >
								<i class="glyphicon glyphicon-export"></i>
							</a>

							<div class="btn-group" style="">
								<a title="Export image" class="btn  btn-default idsButton" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" aria-expanded="false">
									<i class="fa fa-bars"></i>
								</a>
								<ul class="dropdown-menu pull-right">

									<li>
										<a href="javascript:;" onclick="Tool.downloadImage(this, 'png')">
											Download PNG image
										</a>
									</li>

									<li>
										<a href="javascript:;" onclick="Tool.downloadImage(this, 'jpeg')">
											Download JPEG image
										</a>
									</li>
									<li>
										<a href="javascript:;" onclick="Tool.downloadImage(this, 'pdf')">
											Download PDF image
										</a>
									</li>
									<li>
										<a href="javascript:;" onclick="Tool.downloadImage(this, 'svg')">
											Download SVG image
										</a>
									</li>

								</ul>
							</div>

						</div>

						<input type="hidden" name="pdfBase64">
						<img src="" id="image" style="width: 100%">
					</div>
				</div>

				<button type="button" data-url="id=@id" class="btn btn-primary btn-sm myLinear">
					Line
					chart
				</button>
				<button type="button" data-url="id=@id" class="btn btn-success btn-sm myHeatmap">
					Heat map chart
				</button>

				<hr>

				<div class="table-responsive panel-collapse collapse in " >
					<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
					data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true"
					style="word-wrap: break-word">
						<thead>
							<tr>
							</tr>
						</thead>
					</table>
				</div>

			</div>
		</div>
		<script>

				var id = "@id"
				var kind = "@kind"

				$(document).ready(function () {

					SearchResult.init

				})

		</script>

	}